<template>
	<view class="container">
		<!-- <uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar left-icon="left" left-text="返回"
			title="自定义导航栏" @clickLeft="back" />
		<uni-nav-bar shadow left-icon="left" leftText="返回" rightText="设置" title="标题" /> -->
		<view class="uni-item-view">
			<view class="uni-item-view-left" @click="addClick">
				<image class="uni-item-view-image" :src="'/static/mine/ts_order.png'"></image>
				<view class="uni-item-view-text"><text class="text">运单投诉</text></view>
			</view>
			<view class="uni-item-view-left" @click="mobileClick">
				<image class="uni-item-view-image" :src="'/static/mine/ts_kf.png'"></image>
				<view class="uni-item-view-text"><text class="text">客服热线</text></view>
			</view>
		</view>
		<view class="item-view-header">
			<view class="item-view-left-header">
				<view class="text">问题分类</view>
			</view>
		</view>
		<uni-list>
			<uni-list-item showArrow clickable @click="myTousuClick">
				<template v-slot:body>
					<view class="slot-box slot-text item-view">
						<view class="item-view-left">
							<image class="image" :src="'/static/mine/ts_mine_title.png'"></image>
							<view class="text">我的投诉</view>
						</view>
					</view>
				</template>
			</uni-list-item>
			<uni-list-item showArrow clickable @click="commonClick">
				<template v-slot:body>
					<view class="slot-box slot-text item-view">
						<view class="item-view-left">
							<image class="image" :src="'/static/mine/ts_cj_title.png'"></image>
							<view class="text">常见问题</view>
						</view>
					</view>
				</template>
			</uni-list-item>
			<uni-list-item showArrow clickable @click="payClick">
				<template v-slot:body>
					<view class="slot-box slot-text item-view">
						<view class="item-view-left">
							<image class="image" :src="'/static/mine/ts_pay_title.png'"></image>
							<view class="text">支付问题</view>
						</view>
					</view>
				</template>
			</uni-list-item>
			<uni-list-item showArrow clickable @click="otherClick">
				<template v-slot:body>
					<view class="slot-box slot-text item-view">
						<view class="item-view-left">
							<image class="image" :src="'/static/mine/ts_qt_title.png'"></image>
							<view class="text">其他问题</view>
						</view>
					</view>
				</template>
			</uni-list-item>
		</uni-list>
	</view>
</template>
<script>
export default {
	components: {},
	mixins: [],
	data() {
		return {};
	},
	methods: {
		addClick(){
			this.$util.redirectTo('/pages/mine/tousu/addTousu/addTousu'); 
		},
		mobileClick(){
			uni.makePhoneCall({
					phoneNumber: this.$serviceMobile,
					success: () => {
						console.log("成功拨打电话")
					}
				})
		},
		myTousuClick(){
			this.$util.redirectTo('/pages/mine/tousu/myTousu/myTousu'); 
		},
		commonClick(){
			this.$util.redirectTo('/pages/mine/tousu/commonProblem/commonProblem'); 
		},
		payClick(){
			this.$util.redirectTo('/pages/mine/tousu/payProblem/payProblem'); 
		},
		otherClick(){
			this.$util.redirectTo('/pages/mine/tousu/otherProblem/otherProblem'); 
		},
	}
};
</script>

<style lang="scss">
@import '../public/css/tousu.scss';
</style>
